<ion-view id="goods" view-title="商品" cache-view="false" align-title="center" hide-nav-bar="true">
  <!--头部搜索栏-->
  <div id="headerBar" class="headerBar">
    <div id="headerBar-bg"></div>
    <a class="headerBar-search"  ng-href="#/tab/goods">
      <span></span>
      <div>
        <input  maxlength="20" autocomplete="true" value="请输入搜索内容"/>
      </div>
    </a>
  </div>
  <ion-content id="home-content" class="has-header scroll-content" scroll="false">
    <!--头部滚动条-->
    <div class="headerSlider">
      <div id="headerSlider" class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide" ng-repeat="item in headerSlideData">
            <img alt="{{item.alt}}" ng-src="{{item.src}}">
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!--商品部分-->
<div class = "goods-list" style = "width: 90%;margin: 10px auto">

  <ul>
    <div class ="row">
      <li class="item col"><img src="img/goods/goods1.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
      <li class="item col"><img src="img/goods/goods2.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
      <li class="item col"><img src="img/goods/goods3.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
    </div>
    <div class ="row">
      <li class="item col"><img src="img/goods/goods4.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
      <li class="item col"><img src="img/goods/goods5.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
      <li class="item col"><img src="img/goods/goods6.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
    </div> <div class ="row">
    <li class="item col"><img src="img/goods/goods7.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
    <li class="item col"><img src="img/goods/goods8.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
    <li class="item col"><img src="img/goods/goods9.jpg" width="100px" height="100px" alt=""/><p style = "text-align: center">大衣</p></li>
  </div>

  </ul>
</div>
    <!--回到顶部的区块-->
    <div class="back_top"></div>
  </ion-content>

</ion-view>
